<!DOCTYPE html>

<html>

<head>
	<title>Biology Library</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="lib.css">
	<!-- class names for divs reflect new elements in the HTML5 spec -->
</head>

<body>

<div class="header">
	<div class="hgroup logo">
		<h1>Rwanda Education Commons</h1>
		<h2>An alliance to expand and improve education using ICTs</h2>
	</div><!-- .hgroup -->
	<form class="authentication">
		<label for="un">Email</label>
		<input type="text" name="un" id="un" />

		<label for="pw">Password</label>
		<input type="password" name="pw" id="pw" />
		
		<input type="submit" value="Sign in" />
		<p>Don't have an email or password?
			<a href="reg01.html">Join the community</a>
		</p>
	</form>
	<ul class="authentication hidden">
		<li>Welcome!</li>
		<li><a href="#" onclick="alert('This would provide you with information about your account.');">View profile</a></li>
		<li><a href="#" onclick="alert('This would sign you out.');">Sign out</a></li>
	</ul>
	
	<div class="nav persistent">
	<ul>
		<li class="">
			<a href="index.html">Home</a>
		</li>
		<li class="">
			<a href="dis01.html">Discussions</a>
		</li>
		<li class="current">
			<a href="lib01.html">Library</a>
		</li>
		<li class="">
			<a href="news01.html">News</a>
		</li>
		<li class="">
			<a href="about01.html">About Us</a>
		</li>
	</ul>
	</div><!-- .nav -->
	
</div><!-- .header -->


<div class="section content">

	<div class="section main">

	<h1 class="inline">Biology</h1>
	
	<form class="inline">
		<label for="lib_grade">Grade level:</label>
		<select id="lib_grade">
			<option value="all">All</option>
			<option value="pall">Primary - all</option>
			<option value="p1">P1</option>
			<option value="p2">P2</option>
			<option value="p3">P3</option>
			<option value="p4">P4</option>
			<option value="p5">P5</option>
			<option value="p6">P6</option>
			<option value="sall">Secondary - all</option>
			<option value="s1">S1</option>
			<option value="s2">S2</option>
			<option value="s3">S3</option>
			<option value="s4">S4</option>
			<option value="s5">S5</option>
			<option value="s6">S6</option>
		</select>
	</form>
	
	<ol class="listing">
		<li class="result">
			<h3>Biology A-Level Senior Five, Lesson 2, Topic: Cytology; Sub-topic: the Cell</h3>
			<p>This lesson helps the learner lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis fermentum condimentum. Vestibulum nibh odio, mattis eget consequat eget, sollicitudin vitae elit. Suspendisse vitae libero nulla. Quisque vulputate hendrerit odio id tincidunt. Sed libero enim.</p>
			<dl>
				<dt>Year:</dt>
				<dd>2009</dd>
				<dt>Source:</dt>
				<dd>Journal of Teaching and Pedagogy</dd>
			</dl>
			<ul>
				<li class="type_pdf">
					<a href="#">Subject Guide</a>
				</li>
				<li class="type_doc">
					<a href="#">Worksheet</a>
				</li>
				<li class="type_video">
					<a href="#">Video</a>
				</li>
			</ul>
		</li>
		<li class="result">
			<h3>Biology Senior 2, Lesson 1, Topic: Nutrition; Sub-topic: Food Composition, Source, and Role</h3>
			<p>This lesson helps the learner lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis fermentum condimentum. Vestibulum nibh odio, mattis eget consequat eget, sollicitudin vitae elit. Suspendisse vitae libero nulla. Quisque vulputate hendrerit odio id tincidunt. Sed libero enim.</p>
			<dl>
				<dt>Year:</dt>
				<dd>2009</dd>
				<dt>Source:</dt>
				<dd>Journal of Teaching and Pedagogy</dd>
			</dl>
			<ul>
				<li class="type_pdf">
					<a href="#">Subject Guide</a>
				</li>
				<li class="type_doc">
					<a href="#">Worksheet</a>
				</li>
				<li class="type_video">
					<a href="#">Video</a>
				</li>
			</ul>
		</li>
	</ol>
	
	</div><!-- .section.main -->
	
	<div class="nav sidebar">
	<ul>
	<li>
		<form class="" method="get" action="lib03.html">
			<input type="search" id="lib_search"/>
			<input type="submit" value="Search"/>
		</form>
	</li>
	<li  class="">
		<a href="lib01.html">Library Home</a>
	</li>
	<li>
		<dl>
			<dt>Curriculum</dt>
			<dd>
				<ul>
					<li class="current"><a href="lib02.html">Biology</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">Chemistry</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">Computer science</a></li>
					<li><a href="lib02_english.html">English</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">French</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">Geography</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">History</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">Literature</a></li>
					<li><a href="lib02_math.html">Mathematics</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">Physics</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">Political science</a></li>
					<li><a href="#" onclick="alert('This would take you to a different section.');">Religious studies</a></li>
				</ul>
			</dd>
			<dt>Professional development</dt>
			<dd>
				<ul>
					<li><a href="#">Classroom management</a></li>
					<li><a href="#">Teaching methods</a></li>
					<li><a href="#">Ethics</a></li>
				</ul>
			</dd>
			<dt>Issues in education</dt>
			<dd>
				<ul>
					<li><a href="#">Girls education</a></li>
					<li><a href="#">ICT in education</a></li>
					<li><a href="#">Rural education</a></li>
				</ul>
			</dd>
		</dl>
	</li>
	</ul>
	</div><!-- .nav.sidebar -->
	
</div><!-- .section -->

</body>

</html>